<template>
  <div>
    <child
      v-for="(item, idx) in list"
      :key="idx"
      :value="item"
      :idx="idx"
      @add="updateList"
    />
  </div>
</template>

<script>
import Child from './父子组件传参_子.vue';

export default {
  components: {
    Child,
  },
  data () {
    return {
      list: [1, 1, 1],
    };
  },
  methods: {
    updateList (idx) {
      // this.list[idx]++;
      // 数组项为基础数据类型 改数组项时使用
      // this.$set(要改的对象/数组, 要改的key/index, 改成什么);
      this.$set(this.list, idx, this.list[idx] + 1);
    },
  },
}
</script>

<style scoped>

</style>